<template>
	<view class="box">
		<view class="TJBOX" v-for="(item,index) in 10" @click="toBroadcast">
			<image src="../../static/indexad/test1.jpg" mode="aspectFill"></image>
			<view class="iconBox flex">
				<fui-icon size="35" fontWeight="600" style="margin-right: 10rpx;" color="width" name="like"></fui-icon>
				<view class="">
					666
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "DisplayList",
		data() {
			return {

			};
		},
		methods: {
			toBroadcast() {
				uni.navigateTo({
					url: '/indexPages/BroadcastPage'
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	view {
		box-sizing: border-box;
	}

	.box {
		width: 100%;
		justify-content: space-between;
		padding: 20rpx 10rpx;
		display: flex;
		flex-wrap: wrap;
	}

	.TJBOX {
		position: relative;
		height: 350rpx;
		width: 33%;
		margin-bottom: 5rpx;

		image {
			height: 100%;
			width: 100%;
		}
	}

	.iconBox {

		color: white;
		position: absolute;
		left: 10rpx;
		bottom: 10rpx;
	}
</style>